<template>
	<view class="about">
		<!-- <cu-custom bgColor="bg-gradual-blue" :isBack="true">
			<block slot="content">关于</block>
		</cu-custom> -->
		<view class="box">
			<image class="logoImg" src="../../static/xuanchuandan.png"></image>
			<text class="tip appName">艺团</text>
			<text class="tip">Version {{version}}</text>
			<!--Sansnn-uQRCode组件来源，插件市场：https://ext.dcloud.net.cn/plugin?id=1287 微调后-->
			<!-- <Sansnn-uQRCode text="https://www.yituan.com" :makeOnLoad="true" class="qrcode"></Sansnn-uQRCode> -->
			<!-- <text class="tip">二维码分享</text> -->
		</view>
		<view class="copyright">
			<!-- <template v-for="(agreement,index) in about.agreements">
				<text class="agreement" @click="navigateTo(agreement)">《{{agreement.title}}》</text>
				<text class="hint" v-if="about.agreements.length-1>index">和</text>
			</template> -->
			<text class="hint">Copyright © {{year}}</text>
			<!-- <text class="hint">{{about.company}}</text> -->
		</view>
	</view>
</template>
<script>

	export default {
		onLoad() {
			// #ifdef APP-PLUS
			this.version = plus.runtime.version
			// #endif
		},
		computed:{
			uniStarterConfig(){
				console.log(getApp());
				return getApp().globalData.config
			}
		},
		data() {
			return {
				version:"V1.0.0",
				year:"2021",
				about:{}
			};
		},
		
		
		methods:{
			navigateTo({url,title}){
				uni.navigateTo({
					url: '/pages/common/webview/webview?url='+url+'&title='+title,
					success: res => {},
					fail: () => {},
					complete: () => {}
				});
			}
		}
	}
</script>
<style lang="scss" scoped>
	/* #ifndef APP-NVUE */
		view,
		scroll-view,
		text,
		image,
		switch,
		navigator,
		icons {
			display: flex;
			box-sizing: border-box;
			flex-direction: column;
		}
		scroll-view {
			-webkit-overflow-scrolling: touch;
		}
	/* #endif */
.about {
	width: 750upx;
	flex-direction: column;
}
.box {
	margin-top: 100px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.logoImg{
	margin-bottom: 10upx;
	width:160upx;
	height:160upx;
	border-radius: 15px;
}
.tip{
	font-size:24rpx;
	margin-top: 10px;
}
.appName{
	margin-top: 20px;
	font-size:42rpx;
	font-weight: 500;
}
.qrcode{
	margin-top: 50px;
}
.copyright {
	width: 750upx;
	font-size:32rpx;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	bottom:20px;
	left: 0;
	position: fixed;
}
.agreement {
	color:#2285ff;
	font-size:26rpx;
}
.hint {
	color:#999999;
	font-size:26rpx;
}
</style>